$main-font-family: "BentonSans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

$main-background-color: #7462ad;

$main-text-color: white;

$link-color: darken($main-text-color, 10%);

$link-color-hover: lighten($link-color, 50%);

$button-color: orange;

body{
  background-color: $main-background-color;
  color: $main-text-color;
  font-family: $main-font-family;
}

a{
  color: $link-color;
  text-decoration: none;
  &:hover{
    color: $link-color-hover;
  }
}

.btn{
  border: none;
  border-radius: 6px;
  min-height: 25px;
  min-width: 80px;
  color: $main-text-color;
  padding: 6px 10px 6px 10px;
}
.btn-regular{
  background-color: $button-color;
  &:hover{
    background-color: lighten($button-color, 20%);
  }
}
.btn-failure{
  background-color: red;
  &:hover{
    background-color: lighten(red, 20%);
  }
}
.btn-success{
  background-color: green;
  &:hover{
    background-color: lighten(green, 20%);
  }
}
